<template>
  <div class="first_wrap">
    <!-- <div class="logo"></div> -->
    <!-- <div class="xt_lab_title"></div> -->
    <!-- <div class="xt_lab_title2"></div> -->
    <router-link to="/secondPage">
      <div class="start_btn" @click='startFun'>开始</div>
    </router-link>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  created () {
  },
  mounted () {
    // $('.start_btn').html('123')
  },
  methods: {
    startFun: function () {
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
  .first_wrap {
    position: relative;
    width: 100%;
    min-height: 100vh;
    // background: url(//storage.xuetangx.com/public_assets/xuetangx/tsing/first_bg.png) no-repeat;
    background: url(//storage.xuetangx.com/public_assets/xuetangx/images/first_bg2x.png) no-repeat;
    background-size: 100% 100%;
      .logo{
        position: absolute;
        top: 60px;
        left: 130px;
        width: 374px;
        height: 49px;
        background: url(//storage.xuetangx.com/public_assets/xuetangx/tsing/logo.png) no-repeat;
        background-size: contain;
      }
      .xt_lab_title{
        position: absolute;
        top: 158px;
        right: 158px;
        width: 475px;
        height: 105px;
        background: url(//storage.xuetangx.com/public_assets/xuetangx/tsing/xt_lab_title.png) no-repeat;
        background-size: contain;
      }
      .xt_lab_title2{
        position: absolute;
        top: 38%;
        left: 320px;
        width: 160px;
        height: 29px;
        background: url(//storage.xuetangx.com/public_assets/xuetangx/tsing/xt_lab_title2.png) no-repeat;
        background-size: contain;
      }
      .start_btn{
        position: absolute;
        width: 180px;
        height: 50px;
        border-radius: 25px;
        background: #EBF3F9;
        color: #8363FF;
        text-align: center;
        line-height: 50px;
        bottom: 35px;
        left: 50%;
        margin-left: -90px;
      }
    }
</style>
